<!DOCTYPE html>
<html>
	<head>
		<title data-i18n>HTML5test - How well does your browser support HTML5?</title>	

		<meta charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		
		<link rel="stylesheet" href="/css/main.css" type="text/css">

		<script src='/translation.js' type='text/javascript'></script>

		<script src='/scripts/base.js' type='text/javascript'></script>
		<script src='/scripts/data.js' type='text/javascript'></script>
		<script src='/scripts/engine.js' type='text/javascript'></script>
		<script src='/scripts/reporting.js' type='text/javascript'></script>

		<meta name="application-name" content="HTML5test"/>

		<link rel="apple-touch-icon" sizes="57x57" href="/images/icons/apple-touch-icon-57x57.png" />
		<link rel="apple-touch-icon" sizes="114x114" href="/images/icons/apple-touch-icon-114x114.png" />
		<link rel="apple-touch-icon" sizes="72x72" href="/images/icons/apple-touch-icon-72x72.png" />
		<link rel="apple-touch-icon" sizes="144x144" href="/images/icons/apple-touch-icon-144x144.png" />
		<link rel="apple-touch-icon" sizes="60x60" href="/images/icons/apple-touch-icon-60x60.png" />
		<link rel="apple-touch-icon" sizes="120x120" href="/images/icons/apple-touch-icon-120x120.png" />
		<link rel="apple-touch-icon" sizes="76x76" href="/images/icons/apple-touch-icon-76x76.png" />
		<link rel="apple-touch-icon" sizes="152x152" href="/images/icons/apple-touch-icon-152x152.png" />
		<link rel="icon" type="image/png" href="/images/icons/favicon-16x16.png" sizes="16x16" />
		<link rel="icon" type="image/png" href="/images/icons/favicon-32x32.png" sizes="32x32" />
		<link rel="icon" type="image/png" href="/images/icons/favicon-96x96.png" sizes="96x96" />
		<link rel="icon" type="image/png" href="/images/icons/favicon-160x160.png" sizes="160x160" />
		<link rel="icon" type="image/png" href="/images/icons/favicon-196x196.png" sizes="196x196" />
		<meta name="msapplication-TileColor" content="#0092bf" />
		<meta name="msapplication-TileImage" content="/images/icons/mstile-144x144.png" />
	</head>

	<body>
		<div class='header'>
			<h1 data-i18n><span>HTML<strong>5</strong>test</span> <em>how well does your browser support HTML5?</em></h1>
			<div class='navigation'>
				<ul class='left'>
					<li><a href='/index.html' data-i18n>Your browser</a></li>
					<li class='selected'><a href='/results/desktop.html' data-i18n>Other browsers</a></li>
					<li><a href='/compare/browser/index.html' data-i18n>Compare</a></li>
				</ul>
				<ul class='right'>
					<li><a href='http://blog.html5test.com/' data-i18n>News</a></li>
					<li><a href='/devicelab'>Device Lab</a></li>
					<li><a href='/about.html' data-i18n>About the test</a></li>
				</ul>
			</div>
		</div>
		
		<div class='page saved'>
			<div id='contents' class='column'>
				<div id='score'></div>
				<div id='results'></div>

				<div class='footer'>
					<div>
						<div class='copyright'>
							<p>
								Created by Niels Leenheer. 
								Please note that the HTML5 test is not affiliated with the W3C or the HTML5 working group.
								HTML5 Logo by <a href="http://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a>
							</p>
							
							<div id='cloudvps'>
								<a href="http://www.cloudvps.nl" target="_blank" ><b>CloudVPS</b><br> High Availability<br> Cloud Servers</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
		<script>
		<!--

			<?php if (isset($one) && $one != ''): ?> 
				var r = <?php echo $one; ?>;
				
				var container = document.getElementById('score');
				container.innerHTML = tim(
					"<div class='pointsPanel'>" + 
					"<h2><span>" + t('This browser scored') + "</span> <strong>{{score}}</strong> <span>out of {{maximum}} points</span></h2>" + 
					"</div>",
				r);
					
				var useragent = document.createElement('div');
				useragent.className = 'useragent';
				container.appendChild(useragent);
	
				useragent.innerHTML = tim(
					"<p>" + t('This score was recorded using') + " {{humanReadable}}</p>" +
					"<div class='expandWidget'>▼</div>" + 
					"<div class='expandedPanel'>" + 
					"<table><tbody>" + 
					"<tr><th>" + t('Useragent') + ":</th><td>{{useragent}}</td></tr>" +
					(r.deviceHeight > 0 && r.deviceWidth > 0 ? "<tr><th>" + t('Screen size') + ":</th><td>{{deviceWidth}} x {{deviceHeight}} px</td></tr>" : "") +
					"</tbody></table>" +
					"</div>",
				r);
	
				useragent.addEventListener('click', function() {
					if (useragent.className.indexOf(' expanded') == -1)
						useragent.className += ' expanded';
					else
						useragent.className = useragent.className.replace(' expanded', '');
				}, true);
	
				
				var wrapper = document.createElement('div');
				wrapper.className = 'wrapper';
				container.appendChild(wrapper);

				var buttons = document.createElement('div');
				buttons.className = 'buttons';
				wrapper.appendChild(buttons);

				var button = document.createElement('a');
				button.className = 'button latest';
				button.href = '/results/related/' + r.fingerprint + '.html';
				button.innerHTML = '<span>Related results...</span>';
				buttons.appendChild(button);

				var button = document.createElement('a');
				button.className = 'button compare';
				button.href = '/compare/browser/' + r.id + '.html';
				button.innerHTML = '<span>Compare to...</span>';
				buttons.appendChild(button);

				var button = document.createElement('span');
				button.className = 'button share';
				button.innerHTML = '<span>Share</span>';
				buttons.appendChild(button);
				
				new Share(button, {
					score: 		r.score,
					browser:	r.humanReadable
				});
				
				var button = document.createElement('a');
				button.className = 'button donate';
				button.href = 'https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=9DNBJPQFEHYSC';
				button.innerHTML = '<span>Donate</span>';
				buttons.appendChild(button);
				
			
				var container = document.getElementById('results');
				var div = document.createElement('div');
				div.className = 'resultsTable detailsTable';
				container.appendChild(div);
				
				var table = new ResultsTable({
					parent:			div, 
					tests:			tests,
					header:			false,
					links:			true,
					explainations: 	true,
					grading:		true,
					bonus:			true,
					distribute:		true,
					columns:		1
				});
	
				table.updateColumn(0, r);
			<?php endif; ?>


				var _gaq = _gaq || [];
				_gaq.push(['_setAccount', 'UA-68192-4']);
				_gaq.push(['_trackPageview']);
				
				(function() {
					var ga = document.createElement('script');
					ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
					ga.setAttribute('async', 'true');
					document.documentElement.firstChild.appendChild(ga);
				})();
				
		//-->
		</script>
	</body>
</html>
